<template>
	<view class="">
		<view class="assistant">
			<view class="top_assistant">
				<view class="">
					<image :src="AssistantsAll.image" mode="" :show-menu-by-longpress="true"></image>
					<text>团助理{{AssistantsAll.name}}</text>
				</view>
				<view class="" v-if="AssistantsAll.wechat">
					<image :src="AssistantsAll.wechat" mode="" :show-menu-by-longpress="true"></image>
					<text>长按识别二维码</text>
				</view>
			</view>
			<view class="bot_assistant">
				您好大佬，我是团助理{{AssistantsAll.name}}，如有问题请拨打
				<text  @click="AssistantsAll.mobile ? telCall(AssistantsAll.mobile) : ''">{{AssistantsAll.mobile}}</text>找{{AssistantsAll.name}}。
			</view>
		</view>
	</view>
</template>

<script setup lang="ts">
// import { Ref, ref } from 'vue';
import { telCall } from '@/utils/copyText';
const props = defineProps({
  AssistantsAll: Object,
});
</script>

<style scoped lang="less">
	.assistant{
		width: 95%;
		margin: 0px 2.5%;
		background-color: white;
		border-radius: 5px;
		padding: 30rpx;
		box-sizing: border-box;
		.top_assistant{
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: space-between;
			view{
				display: flex;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				width: 50%;
				text{
					font-size: 30rpx;
					font-weight: 400;
					color: #333333;
					margin: 20rpx 0px;
				}
			}
			view:nth-of-type(1){
				image{
					width: 136rpx;
					height: 142rpx;
					border-radius: 50%;
				}
			}
			view:nth-of-type(2){
				image{
					width: 132rpx;
					height: 140rpx;
				}
			}
		}
		.bot_assistant{
			width: 100%;
			font-size: 30rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #333333;
			letter-spacing: 1px;
			text{
				color: #1B91FF;
				margin: 0px 5rpx;
			}
		}
	}
</style>